<template>
  <div class="insurance-notice-container">
    <h2 class="title">投保须知</h2>
    <ul class="notice-list">
      <li> 
        本平台服务<span style="color: red;">范围仅限于：在河北省区域内为机动车行驶证"冀"字开头的车辆</span>提供车险投保服务。
      </li>
      <li> 
        本平台旨在为货车、自卸车、挂车、出租车、网约车、摩托车、拖拉机等机动车辆提供的一种线上化的便利投保渠道。
      </li>
      <li>
        本平台目前仅有部分保险公司自愿接入，并提供线上投保服务。若您意向投保的保险公司不在平台范围内，可联系保险公司线下投保。
      </li>
      <li>
        本平台会将采集您的车辆、身份及车险等基本信息用于信息核验，并在确保信息安全保密的前提下提供给有关保险公司。
        <span style="color: red;">请您依法履行如实告知义务，确保各项信息真实准确合法有效，否则可能会影响顺利投保或后续理赔；如未履行如实告知义务导致的法律后果须自行承担。</span>
      </li> 
      <li> 
        平台将会根据您登记的信息为您匹配一家对应的保险公司。您可选择"确认投保"或"放弃投保"。选择"确认投保"后,保险公司将在48小时内联系您并于5个工作日内完成承保。
        <span style="color: red;">如遇投保问题，请直接拨打保险公司客服电话咨询；</span>如"放弃投保",本平台6个月内不再为该车辆提供服务,请您务必慎重选择。
      </li>
      <li> 
        本平台所提供服务均为<span style="color: red;">免费服务</span>。任何机构、任何人不得收取分文费用任何费用。
      </li>
      <li> 
        本平台目前处于试运行阶段，<span style="color: red;">免费服务</span>如反映平台问题,请拨打河北保险消保服务热线0311-87012378,服务时间为法定工作日9:00-11:30、14:00-17:00。
      </li>
      <li> 
        <div>各公司客服电话</div>
      </li>
    </ul>
    <div class="companyPhone" v-for="(v,i) in companyPhoneList" :key="i">
      <div>{{v.companyName}}</div>
      <div>{{v.companyPhone}}</div>
    </div>
  </div>
</template>

<script setup>
import { showToast } from 'vant';
import { ref, onMounted } from 'vue';
import {
	getCompanyPhoneList
} from '/@/api/auth/ytb.ts'

const companyPhoneList = ref([])
onMounted (async() => {
  const res = await getCompanyPhoneList()
  companyPhoneList.value = res.data
})
</script>

<style lang="less" scoped>
.insurance-notice-container {
  padding: 16px;
  background: #fff;
  border-radius: 10px;
  margin-top: 10px;
  .companyPhone {
    width: 100%;
    display: flex;
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    padding-left: 20px;
    justify-content: space-between;
    :nth-child(1){
      width: 55%
    }
    :last-child{
      width: 45%
    }
  }
}
.title {
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 16px;
}
.notice-list {
  list-style: decimal;
  padding-left: 24px;
}
.notice-list li {
  margin-bottom: 12px;
  line-height: 1.6;
  text-align: left;
}
</style>